<template>
    <div>
        <h1 class="main-title" style="text-align:center">{{this.title}}</h1>
        <div class="date-source">
            <span>时间：{{publish_time}}  <br>  {{source}}:{{url}}</span>
            <br>
        </div>
        <div class="article">
            {{content}}
        </div>
        
    </div>
</template>
<script>
    export default {
        data() {
            var id1 = this.$route.query.id;  
            var title1 = this.$route.query.title
            var source1 = this.$route.query.source
            var url1 = this.$route.query.url
            var publish_time1 = this.$route.query.publish_time
            var category1 = this.$route.query.category
            var content1 = this.$route.query.content
            var keywords1 = this.$route.query.keywords
            var sentiment1 = this.$route.query.sentiment
            return {
                title: title1,
                source:source1,
                url:url1,        
                publish_time:publish_time1,
                category:category1,
                content:content1,
                keywords:keywords1,
                sentiment:sentiment1,
            }
        },
        methods:{
        }
    }
</script>

<style scoped>
.main-title {
    font-size: 38px;
    color: #4d4f53;
    letter-spacing: 1px;
    line-height: 54px;
    padding: 40px 0;
    padding-top: 40px;
    padding-right: 0px;
    padding-bottom: 40px;
    padding-left: 0px;
}
.date-source {
    line-height: 16px;
    padding: 24px 0;
    padding-top: 24px;
    padding-right: 0px;
    padding-bottom: 24px;
    padding-left: 0px;
}
.article {
    font-size: 18px;
    letter-spacing: 1px;
    margin-top: 20px;
}
</style>